let params = {
    pagenum: 1, // 表示第几页数
    pagesize: 4, // 表示每页显示几条数据
}
let total = 10; //随便设个值只要大于pagesize
let arr = ["<div class=\"kr_news_date\">\n" +
"            17 <span>08月</span>\n" +
"          </div>"];

//获取文章列表
function list() {
    if (total !== 0 && arr.length >= total) {
        return layer.msg("没有更多的数据了");
    }
    $.ajax({
        url: "http://localhost:8888/api/articles",
        data: params,
        success: function (res) {
            if (res.status === 0) {
                total = res.total;
                res.data.forEach(item => {
                    arr.push(`<div class="item">
                        <h4>
                          <a href="./detail.html?id=${item.id}">${item.title}</a>
                        </h4>
                        <p class="meta">
                          <span>15分钟前 分享至</span>
                          <a href="javascript:;" class="wechat"></a>
                          <a href="javascript:;" class="weibo"></a>
                        </p>
                        <p class="brief">${item.content}</p>
                      </div>`)
                })
                $(".kr_news_list").html(arr.join(""));
            }
        }
    })
}

list();

$('.kr_more').click(function () {
    params.pagenum += 1
    list()
})
